<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./jquery-1.12.4.min.js"></script>
</head>
<body>
    
    <!-- html标签，有的标签有默认事件 -->
    <a href="http://www.itheima.com" target="myframe">点我有惊喜</a>

    <iframe src="http://www.baidu.com" frameborder="0" name="myframe"></iframe>

    <script>
        /*交互触发 (1)先触发注册的事件  (2)再触发默认事件 */
        $('a')[0].onclick = function(){
            $(this).css('border','5px solid green');
        };

        /* 主动触发 */
        // $('a').click();//jq语法  (1)只能触发注册事件
        $('a')[0].onclick();//dom语法 (1)只能触发注册事件
        $('a')[0].click();//dom语法 (1)只能触发注册事件 (2)也能触发默认事件
    </script>
    
</body>
</html>